<%@taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
		<p class="form-title">Inscription</p>	
		<html:javascript formName = "inscriptionForm"/>
		<div id="content-form">
		 
	  <html:form action="/inscriptionAction" onsubmit="return validateInscriptionForm(this)">      
	                  <div class="connection">
	                   <h2>Connexion :</h2>
	                   
	       <div class="conteneur top">
     		<div style="color:red" align="left">
      			<html:errors  property="identifiant"/>
			</div>
		    <label for="identifiant"><span class="label2"><bean:message key="inscription.identifiant"/> </span></label>
			<html:text name="inscriptionForm" property="identifiant" styleClass="champ-texte" errorStyle="border-color: red;"></html:text>
		</div>
	    		        
		<div class="conteneur">
				        <div style="color:red" align="left">
	        		<html:errors  property="motDePasse"/>
					</div>
			<label for="identifiant"><span class="label2"><bean:message key="inscription.motDePasse"/> </span></label>
			<html:password name="inscriptionForm" property="motDePasse" styleClass="champ-texte" errorStyle="border-color: red;"></html:password></div>
		
		<div class="conteneur">
		<div style="color:red" align="left">
	        		<html:errors  property="motDePasseConfirmation"/>
					</div>
		    <label for="identifiant"><span class="label2"><bean:message key="inscription.motDePasseConfirmation"/> </span></label>
		<html:password name="inscriptionForm" property="motDePasseConfirmation" styleClass="champ-texte" errorStyle="border-color: red;"></html:password>		</div>
	</div>
	
	<div class="infos">
	                   <h2>Donn&eacute;es personnelles :</h2>
	                   
	       <div class="conteneur top">
		<div style="color:red" align="left">
	        		<html:errors  property="civilite"/>
					</div>
		    <span class="label2"><bean:message key="inscription.civilite"/></span>
			<ul class="checkbox-horizontal">
				<li>
					<html:radio name="inscriptionForm" property="civilite" value="M" errorStyle="border-color: red;"></html:radio>
					<label for="M">M</label>
				</li>
				<li class="separate">&nbsp;</li>
				<li>
					<html:radio name="inscriptionForm" property="civilite" value="Mme" errorStyle="border-color: red;"></html:radio>
					<label for="Mme">Mme</label>
				</li>
				<li class="separate">&nbsp;</li>
				<li>
					<html:radio name="inscriptionForm" property="civilite" value="Mlle" errorStyle="border-color: red;"></html:radio>
					<label for="Melle">Melle</label>
				</li>
			</ul>
		</div>
		
	       <div class="conteneur">
	       		<div style="color:red" align="left">
	        		<html:errors  property="nom"/>
					</div>
		    <label for="identifiant"><span class="label2"><bean:message key="inscription.nom"/> </span></label>
			<html:text name="inscriptionForm" property="nom" styleClass="champ-texte" errorStyle="border-color: red;"></html:text>
		</div>
	    
		<div class="conteneur">
		<div style="color:red" align="left">
	        		<html:errors  property="prenom"/>
					</div>
			<label for="identifiant"><span class="label2"><bean:message key="inscription.prenom"/></span></label>
			<html:text name="inscriptionForm" property="prenom" styleClass="champ-texte" errorStyle="border-color: red;"></html:text>
		</div>
		
		<div class="conteneur">
		<div style="color:red" align="left">
	        		<html:errors  property="email"/>
					</div>
		    <label for="identifiant"><span class="label2"><bean:message key="inscription.email"/> </span></label>
			<html:text name="inscriptionForm" property="email" styleClass="champ-texte" errorStyle="border-color: red;"></html:text>
		</div>
		
		<div class="conteneur last">
		<div style="color:red" align="left">
	        		<html:errors  property="dateDeNaissance"/>
					</div>
			<label for="birth_date"><span class="label2"><bean:message key="inscription.dateDeNaissance"/> </span></label>
			<script type="text/javascript">
				$(function() {
					$( "#datepicker" ).datepicker({
						showOn: "button",
						buttonImage: "images/icons/icon_cal.jpg",
						buttonImageOnly: true,
						dateFormat: "dd/mm/yy"
					});
				});
			</script>
			
			<div class="date-of-birth">
				<html:text styleId="datepicker" name="inscriptionForm" property="dateDeNaissance" styleClass="champ-texte" errorStyle="border-color: red;"></html:text>
			</div>
			</div>
		</div>
		<html:image src="images/boutons/bt_entrer.png" styleClass="submit" alt="Valider"></html:image>
		<div style="color:red" align="left">
	        		<html:errors  property="inscriptionEchec"/>
					</div>
		</html:form>   
</div>